<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:component
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">

	<ace:dialog
		id="dialogFormulacion"
	    header="#{etiqueta['item.producto.dialogo.formulacion']}"
	    visible="#{productoBean.abiertoDialogoFormulacion}"
	    widgetVar="popupFormulacion"
	    closable="false"
	    modal="true"
	    draggable="false"
	    showEffect="clip"
	    hideEffect="fade">
	    <div align="center">
			<!-- MENSAJES -->
			<ice:messages id="mensajesFormulacion" ></ice:messages>
		</div>
		<ice:panelGrid columns="2" styleClass="100per">
        	<ace:dataTable id="listaFormulacion"
				rows="5"
				var="formulacion"
				value="#{productoBean.listaFormulaciones}"
				paginator="true"
                paginatorPosition="bottom">
				<ace:column headerText="#{etiqueta['item.producto.dialogo.formulacion.acciones']}">
					<ice:panelGrid columns="3">
						<ice:commandButton
							rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado}"
							title="#{etiqueta['item.producto.boton.editar']}" 
							image="../estilos/css/imagenes/pen-16.gif"
							actionListener="#{productoBean.editarFormulacion}" 
							styleClass="iconsize">
							<f:attribute name="formulacion" value="#{formulacion}"/>
						</ice:commandButton>
						<ice:commandButton 
							rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}"
							title="#{etiqueta['item.producto.boton.editar']}"
							actionListener="#{productoBean.guardarEdicionFormulacion}"
							image="../estilos/css/imagenes/save_diskette_floppy_disk.png"
							styleClass="iconsize"
							panelConfirmation="editar_#{formulacion.idformulacion}">
							<f:attribute name="formulacion" value="#{formulacion}"/>
						</ice:commandButton>
						<ice:commandButton 
							rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardando}"
							title="#{etiqueta['item.producto.boton.guardar']}" 
							actionListener="#{productoBean.guardarFormulacion}"
							styleClass="iconsize"
							image="../estilos/css/imagenes/save_diskette_floppy_disk.png">
							<f:attribute name="formulacion" value="#{formulacion}"/>
						</ice:commandButton>
						<ice:commandButton 
							rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado||productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}"
							title="#{etiqueta['item.producto.boton.eliminar']}" 
							actionListener="#{productoBean.eliminarFormulacion}"
							image="../estilos/css/imagenes/Actions-edit-delete-icon.png"
							styleClass="iconsize"
							panelConfirmation="eliminar_#{formulacion.idformulacion}">
							<f:attribute name="formulacion" value="#{formulacion}"/>
						</ice:commandButton>
						
						<ice:commandButton 
							rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}"
							title="#{etiqueta['item.producto.boton.cancelar']}" 
							actionListener="#{productoBean.cancelarFormulacion}"
							styleClass="iconsize"
							image="../estilos/css/imagenes/Cancel__Red.png"
							panelConfirmation="cancelar_#{formulacion.idformulacion}">
							<f:attribute name="formulacion" value="#{formulacion}"/>
						</ice:commandButton>
						
						
						<ice:panelConfirmation 
							id="editar_#{formulacion.idformulacion}" 
							acceptLabel="#{etiqueta['item.producto.boton.aceptar']}" 
							cancelLabel="etiqueta['item.producto.boton.cancelar']"
							autoCentre="true"
							message="etiqueta['item.producto.dialogo.formulacion.confirmacion.editar']">
						</ice:panelConfirmation>
						<ice:panelConfirmation 
							id="eliminar_#{formulacion.idformulacion}" 
							acceptLabel="#{etiqueta['item.producto.boton.aceptar']}" 
							cancelLabel="etiqueta['item.producto.boton.cancelar']"
							autoCentre="true"
							message="etiqueta['item.producto.dialogo.formulacion.confirmacion.eliminar']">
						</ice:panelConfirmation>
						
						<ice:panelConfirmation 
							id="cancelar_#{formulacion.idformulacion}" 
							acceptLabel="#{etiqueta['item.producto.boton.aceptar']}" 
							cancelLabel="etiqueta['item.producto.boton.cancelar']"
							autoCentre="true"
							message="etiqueta['item.producto.dialogo.formulacion.confirmacion.cancelar']">
						</ice:panelConfirmation>
					</ice:panelGrid>
				</ace:column>
				<ace:column headerText="#{etiqueta['item.producto.dialogo.formulacion.materiaPrima']}"
					sortBy="#{formulacion.materiaPrima.nombre}"
					filterBy="#{formulacion.materiaPrima.nombre}" filterMatchMode="contains">
					<ice:outputText value="#{formulacion.materiaPrima.nombre}" rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado}"></ice:outputText>
					<ice:selectOneListbox 
						id="materiaPrimaNombreSelect"
						partialSubmit="true" 
						partialSubmitDelay="500"
						size="1" 
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardando||productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}"
						value="#{formulacion.materiaPrima.idmateriaPrima}">
						<f:selectItems value="#{productoBean.itemsMateriaPrima}"></f:selectItems>
						<f:attribute name="formulacion" value="#{formulacion}"></f:attribute>
						<!-- valueChangeListener="#{productoBean.cambiarMateriaPrima}" -->
					</ice:selectOneListbox>
					<ace:tooltip for="materiaPrimaNombreSelect" value="#{formulacion.materiaPrima.tipoMasa.nombre}-#{formulacion.materiaPrima.tipoMasa.acronimo}"></ace:tooltip>
				</ace:column>
				<ace:column headerText="#{etiqueta['item.producto.dialogo.formulacion.cantidad']}"
					sortBy="#{formulacion.cantidad}">
					<ice:outputText id="materiaPrimaCantidad" value="#{formulacion.cantidad}"
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado}">
						<f:convertNumber maxFractionDigits="2"
		                                    groupingUsed="true"
		                                    maxIntegerDigits="12"
		                                    type="number"/>
					</ice:outputText>
					<ice:outputText id="materiaPrimaTipoMasa" value=" #{formulacion.materiaPrima.tipoMasa.acronimo}" 
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado}">
					</ice:outputText>
					
					<ace:tooltip for="materiaPrimaCantidad" value="#{formulacion.materiaPrima.tipoMasa.nombre}-#{formulacion.materiaPrima.tipoMasa.acronimo}"></ace:tooltip>
					<ace:tooltip for="materiaPrimaTipoMasa" value="#{formulacion.materiaPrima.tipoMasa.nombre}-#{formulacion.materiaPrima.tipoMasa.acronimo}"></ace:tooltip>
					
					<ice:inputText label="#{etiqueta['item.producto.dialogo.formulacion.cantidad']}" value="#{formulacion.cantidad}"
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardando||productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}">
					</ice:inputText>
				</ace:column>
				<!-- <ace:column headerText="#{etiqueta['item.producto.dialogo.formulacion.procentaje']}">
					<ice:outputText value="#{formulacion.porcentaje}"
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardado}">
						<f:convertNumber maxFractionDigits="2"
		                                    groupingUsed="true"
		                                    maxIntegerDigits="12"
		                                    type="number"/>
					</ice:outputText>
					<ice:inputText label="#{etiqueta['item.producto.dialogo.formulacion.procentaje']}" value="#{formulacion.porcentaje}"
						rendered="#{productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.guardando||productoBean.estadoFormulacion[formulacion.idformulacion]==productoBean.editando}">
					</ice:inputText>
				</ace:column> -->
        	</ace:dataTable>
		</ice:panelGrid>
	    <!-- <ice:graphicImage id="cerrarPopupDetalle" url="../estilos/css/imagenes/iconCloseNote.png" styleClass="iconsize"></ice:graphicImage> -->
	    <div align="center">
			<ice:panelGrid columns="1">
				<ice:commandButton 
					value="#{etiqueta['boton.cerrar']}"
			         actionListener="#{productoBean.cerrarDialogoFormulacion}"
			         onclick="popupFormulacion.hide();">
			    </ice:commandButton>
			</ice:panelGrid>
		</div>
	</ace:dialog>
</ui:component>